<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>打勾动画</title>
	<link rel="stylesheet" href="./style.css">
</head>
<body>
	<input type="checkbox">

	<svg width="400" height="400">
	  <circle fill="none" stroke="#68E534" stroke-width="20" cx="200" cy="200" r="190" class="circle" stroke-linecap="round" transform="rotate(-90 200 200) "/>
	  <polyline fill="none" stroke="#68E534" stroke-width="24" points="88,214 173,284 304,138" stroke-linecap="round" stroke-linejoin="round" class="tick" />
	</svg>

	<h2>操作成功</h2>
</body>
</html>